<template>
  <div class="my-child-page">
    <Edit v-if="operId === '1'" />
    <Friend v-if=" operId == '2' || operId == '3' " :title="operId"/>
    <MyContent v-if="operId === '4'|| operId === '5' || operId === '6' || operId === '7' || operId === '8'" :title="operId"/>
  </div>
</template>
<script>
  import Edit from '~/components/my/edit.vue'
  import MyContent from '~/components/my/my-content.vue'
  import Friend from '~/components/my/friend.vue'
  export default {
    layout: 'home',
    data () {
      return {
        operId: this.$route.params.id
      }
    },
    components: {
      Edit,
      MyContent,
      Friend
    },
    mounted () {
      this.operId = this.$route.params.id
    },
    methods: {}
  }
</script>

<style>
  .my-child-page {
    padding-left: 1%;
    padding-right: 1%;
  }


</style>
